<template>
    <div class="learning">
        <!-- 头部 -->
        <InsideHeader :bannerType="bannerType"></InsideHeader>
       
        <!-- 面包屑 -->
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-serveList'}">服务支持</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-learning'}" class="on">e-Learning</nuxt-link>
                    <div class="clear"></div>
                </div>
                <!-- <div class="crumbR">
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <nuxt-link :to="{name: 'serve-exhibitionHallW'}">走进智能制造</nuxt-link>
                    <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
                    <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveFaqW'}">FAQ</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveAttestationW'}">认证机构查询</nuxt-link>
                    <div class="clear"></div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>

        <div class="block">
            <div class="title">
                <span>e-Learning</span>
            </div>
            <div style="font-size:14px;color:#666;line-height:26px;margin-top:20px;">
                三菱电机e-Learning在线培训是一种活用互联网和智能终端的客户在线自学系统。e-Learning在线培训课程主要以入门课程为主，目的是帮助您熟练掌握各种产品的基础知识和使用方法。
                <p>三菱电机e-Learning在线培训的优势：</p>
                <p>1、操作简单，注册成功后即可进入在线培训系统进行学习</p>
                <p>2、课程内容丰富，可自由选择学习内容；随时、随地在线学习；学习进度可自行安排</p>
                <p>3、免费学习所有在线课程，考试合格即可下载电子结业证书</p>
            </div>
            <div class="curriList">
                <ul class="modu">
                    <p>请选择你感兴趣课程的产品类别</p>
                    <li class="left" v-for="(item,index) in prolistdata" :key="index">
                        <div class="bottom">
                            <div>
                                <p><a @click="lessonDetail(item.oid)">{{item.productName}}</a> </p>
                            </div>
                            <ul class="list">
                                <li v-for="(itemb,index) in item.productTypeVos" :key="index" >
                                    <a @click="lessonDetail(itemb.oid)">{{itemb.productName}}</a> 
                                </li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
        </div>

        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "learning",
        data(){
            return{
                bannerType:'certificateW',
                prolistdata:[]
            }
        },
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        methods: {
            //产品菜单
            prolist(){
              let id = this.$axios,
              params = {
              };
              this.$api.homeindex.promenudata(id, params).then(res => {
                let result = res.data;
                if (result.code === 1) {
                  this.prolistdata=result.data
                }
              });
            },
            lessonDetail(oid){
               this.$router.push({ name: 'serve-lesson',query:{id:oid}}) 
            }
        },
        mounted () {
            this.uploadurl=this.comsys.uploadurl()
            this.prolist()
        }  
    }
</script>

<style scoped>

</style>
